.team {
    margin  : 0 -10px;
    top     : -20px;
    position: relative;
    .clearfix();

    &-item {
        float           : left;
        text-align      : center;
        padding         : 24px;
        background-color: #fff;
        border-radius   : 12px;
        box-shadow      : 0 8px 12px #ebedf0;
        margin          : 0 10px;
        width           : 150px;

        &--avatar {
            width            : 100px;
            height           : 100px;
            background-size  : 100px;
            background-repeat: no-repeat;
            margin           : 0 auto 10px;

            &.male {
                background-image: url('./../images/male.svg');
            }

            &.female {
                background-image: url('./../images/female.svg');
            }
        }

        &--name {
            margin-bottom: 10px;
            font-weight  : bold;
        }

        &--intro {
            color    : #999;
            font-size: 12px;
        }
    }
}